import React from 'react'
// import Counter from './components/Counter'
// import ClickedTimes from './components/ClickedTimes'
// import AutoTimes from './components/AutoTimes'
// import WebCar from './pages/WebCar'
// import Card from './components/Card'
// import Sum from './components/Sum'
// import ShopCart from './components/ShopCart'
// import HookParent from './components/HookParent'
import Test from './components/Test'
export default function App() {
  // const [show,setShow]=useState(true)
  return (
    <div>
      {/* <Counter n={0}></Counter>
      <hr/>
      <Counter n={5}></Counter> */}
      {/* <ClickedTimes></ClickedTimes> */}
      {/* {show?<AutoTimes/>:<></>}
      <button onClick={()=>{setShow(!show)}}>switch</button> */}
      {/* <WebCar></WebCar>
      <hr/>
      <Card></Card>
      <hr/>
      <Sum></Sum> */}
      {/* <ShopCart></ShopCart> */}
      {/* <HookParent></HookParent> */}
      <Test></Test>
    </div>
  )
}
